<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
    <title></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="../css/inc/style.css?v=20181009" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../css/css/pulic/lessStyle.css?v=20181009" />
    <link rel="stylesheet" type="text/css" href="../css/css/v2/user.css?v=20181009" />
    <!--tongdun-->
    <script type="text/javascript">
        (function () {
            //检测DNS劫持
            if (window.self == window.top) {
                document.documentElement.style.display = 'block';
            } else {
                window.top.location = window.self.location;
            }
        })();
    </script>
    <style>
        #qrcode img{
            width: 100%;
        }
    </style>
</head>
<body class="newBody" >
<div class="page-headers" style="background-color: #1065DC;position: inherit; height: 2.15rem;top: 0;
    z-index: 999;width: 100%;
    line-height: 0.45rem;">
    <div class="content">
        <h3>充值</h3>
        <div class="left">
            <a href="javascript:void (0)"  class="icon-back" id="backType"></a>
        </div>
    </div>

    <div class="step">
        <div class="step1 active">
            <div class="stepNum">1</div>
            <p>支付方式</p>
        </div>
        <div class="step2 ">
            <div class="stepNum">2</div>
            <p>扫码支付</p>
        </div>
        <div class="step3">
            <div class="stepNum">3</div>
            <p>完成支付</p>
        </div>
    </div>

</div>
<div class="page-box" style="padding-top: 0;padding-bottom: 0.25rem" id="page-one-two">
    <div class="editAmount" style="position: relative; padding: 0.65rem 0 0;" >
        <div class="">
            <div class="moneyCard">
                <ul>
                    <li>
                        <span>充值账号</span>
                        <span id="bindTel"></span>
                    </li>
                    <li>
                        <span>充值金额</span>
                        <span id="amount"></span>
                    </li>
                </ul>
            </div>
            <div class="money-s" id="active-moneys">
                <!--<div data-money="100" class="active">100</div>-->
                <!--<div data-money="500">500</div>-->
                <!--<div data-money="1000">1000</div>-->
                <!--<div data-money="5000">5000</div>-->
                <!--<div data-money="10000">10000</div>-->
                <!--<div data-money="30000">30000</div>-->
            </div>
        </div>
        <div class="changeSelect">
            付款方式
        </div>
        <div id="select-fangs" class="select-pay">
            <div class="zhifubao is-active" data-active="2">
                支付宝支付
            </div>
           <!-- <div class="weixin" data-active="1" >
                微信支付
            </div>-->
        </div>

        <div class="login-btn">
            <button type="button" id="chargeBtn_o2o" class="chargeBtn">已经确认金额并去支付</button>
        </div>
    </div>
    <div  class="endAmountDiv" style="display: none">
        <div style="padding: 0 0.15rem">
            <div class="endAmount">
                <h2 id="amountEnd"></h2>
                <div class="qrcodes" id="qrcode" style="margin-bottom: 0.1rem"></div>
                <p style="padding-bottom: 0rem;color: #F11010">注意：二维码仅可扫描一次，重复扫描付款责任自负！</p>
                <p>支付及时到账，未到账请与我们联系<br>
                    订单号：<i id="outer"></i></p>
            </div>
        </div>
        <div class="login-btn" style="margin-top:-0.2rem">
            <button type="button" id="startAliPay" class="chargeBtn">启动支付宝进行支付</button>
        </div>
    </div>
</div>

<form action="" method="post" id="newOTO" style="display: none">


    <input type="hidden" name="identification" value="" id="identification"/>
    <input type="hidden" name="key" value="" id="key" />
    <input type="hidden" name="notify_url" value="" id="notify_url" />
    <input type="hidden" name="orderid" value="" id="orderid" />
    <input type="hidden" name="orderuid" value="" id="orderuid" />
    <input type="hidden" name="price" value="" id="price" />
    <input type="hidden" name="return_url" value="" id="return_url" />
    <input type="hidden" name="type" value="" id="type" />
    <input type="submit" value="Submit" id=""/>
</form>

<script>

    less = {
        env: "production",//运行模式
        async: false,
        fileAsync: false,
        poll: 1000,
        functions: {},
        dumpLineNumbers: "comments",
        relativeUrls: false,
        rootpath: "/"
    };

</script>
<script src="../js/inc/less.min.js"></script>
<script src="../js/lib/lib.js?v=12" id="seajsnode"></script>
<script src="../js/API/app.js?_=20"></script>

<script>seajs.use("user/deposit", function (m) {
    m.o2oInit()
});</script>
</body>
</html>
